import Vue from 'vue';
import VueRouter from 'vue-router';
Vue.use(VueRouter);

const routes = [
  { path: '/nine-one', component: () => import("@/components/第9章 Threejs入门/9-1 Threejs入门") },
  { path: '/nine-two', component: () => import("@/components/第9章 Threejs入门/9-2 设置响应式画布与全屏控制") },
  { path: '/ten-one', component: () => import("@/components/第10章 Threejs位移旋转与缩放/10-1 坐标辅助器与轨道控制器") },
  { path: '/ten-two', component: () => import("@/components/第10章 Threejs位移旋转与缩放/10-2 物体的位移和父子元素") },
  { path: '/ten-three', component: () => import("@/components/第10章 Threejs位移旋转与缩放/10-3 物体的缩放和旋转") },
  { path: '/eleven-one', component: () => import("@/components/第11章 图形界面调试工具/11-1 dat.gui") },
  { path: '/eleven-two', component: () => import("@/components/第11章 图形界面调试工具/11-2 lil.gui") },
  { path: '/eleven-three', component: () => import("@/components/第11章 图形界面调试工具/11-3 结合three.js") },
  { path: '/twelve-one', component: () => import("@/components/第12章 光源/12-1 SpotLight聚光灯光源") },
  { path: '/twelve-two', component: () => import("@/components/第12章 光源/12-2 AmbientLight环境光") },
  { path: '/twelve-three', component: () => import("@/components/第12章 光源/12-3 PointLight点光源") },
  { path: '/twelve-four', component: () => import("@/components/第12章 光源/12-4 DirectionalLight平行光") },
  { path: '/twelve-five', component: () => import("@/components/第12章 光源/12-5 HemisphereLight半球光") },
  { path: '/twelve-five-1', component: () => import("@/components/第12章 光源/12-5 HemisphereLight半球光-模型") },
  { path: '/twelve-six', component: () => import("@/components/第12章 光源/12-6 RectAreaLight平面光") },
  { path: '/twelve-seven', component: () => import("@/components/第12章 光源/12-7 Lensflare镜头光晕") },
  { path: '/thirteen-one', component: () => import("@/components/第13章 普通几何体/13-1 PlaneGeometry平面") },
  { path: '/thirteen-two', component: () => import("@/components/第13章 普通几何体/13-2 CircleGeometry圆形") },
  { path: '/thirteen-three', component: () => import("@/components/第13章 普通几何体/13-3 RingGeometry圆环") },
  { path: '/thirteen-four', component: () => import("@/components/第13章 普通几何体/13-4 BoxGeometry立方几何体") },
  { path: '/thirteen-five', component: () => import("@/components/第13章 普通几何体/13-5 SphereGeometry球体") },
  { path: '/thirteen-six', component: () => import("@/components/第13章 普通几何体/13-6 CylinderGeometry圆柱体") },
  { path: '/thirteen-seven', component: () => import("@/components/第13章 普通几何体/13-7 ConeGeometry圆锥体") },
  { path: '/thirteen-eight', component: () => import("@/components/第13章 普通几何体/13-8 TorusGeometry圆环") },
]

const router = new VueRouter({
  mode: 'hash',
  base: process.env.BASE_URL,
  routes
})

export default router;
